// pages/speak/speak.js

// 评论倒计时
var countdown = 30;
let interval;//计时器
let timeII = 0;//从按下到松开共多少时间*100

Page({
  /**
   * 页面的初始数据
   */
  data: {

    floorstatus:true,
    // .............................................daoshishan
    // userInfo: {},//用户信息
    // hasUserInfo: false,
    // //判断小程序的组件在当前版本是否可用
    // canIUse: wx.canIUse('button.open-type.getUserInfo'),
    // messages: [],
    // .............................................daoshishan
    // 是否是第一页
    isFirst:true,
    // CommentContent:'',
    // 评论区开关
		CommentSwitch: false,
		// 评论按钮
		CommentShow: false,
		ButtonTimer: '',//  发送评论按钮定时器
		LastTime: 30,
		// 输入框中的值（数据，用于评论成功后清除）
    commentValue:'',
    // 评论列表
    commentList:[],
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // console.log("isFirst:",this.data.isFirst)
    var commentList = [
      {id:1, nickName:"panda", avatarUrl:"https://ftp.bmp.ovh/imgs/2021/04/04e1ea638797dd37.jpg", comment:"发地方官党规党法广泛大锅饭给，风格豆腐干，首付胜多给分数，阿萨大师傅士大夫啊，随风倒士大夫鬼地方，打发士大夫，uiui偶i哦米，受到广泛的公司的三，阀手动放到公司带更多是德国的非官方；梵蒂冈风格豆腐干我……", time:"2021/04/14"},
      {id:2, nickName:"白首穷经", avatarUrl:"https://thirdwx.qlogo.cn/mmopen/vi_32/5JnR1rU9jF6eULeic9C2bcEoDNhBF27GNIIT8ibKwjgv0WdMTk6lvbcm1b8R5I26IYf8St3kt1tD2XvpvoyfeleA/132", comment:"青春作赋，皓首穷经；笔下虽有千言，胸中实无一策。", time:"2021/04/13"},
      {id:3, nickName:"panda", avatarUrl:"https://ftp.bmp.ovh/imgs/2021/04/04e1ea638797dd37.jpg", comment:"愿我如星君如月，夜夜流光相皎洁。", time:"2021/04/12"},
      {id:4, nickName:"who", avatarUrl:"https://ftp.bmp.ovh/imgs/2021/04/463ce2532567f40c.jpg", comment:"大富大原图原图u同意同意同意，呵呵几乎；才给你开了。", time:"2021/04/10"},
      {id:1, nickName:"xiaomizhou", avatarUrl:"https://ftp.bmp.ovh/imgs/2021/04/751dcf87ce7db357.jpg", comment:"啦啦啦我是卖报的小行家", time:"2021/04/10"},
      {id:6, nickName:"Clock", avatarUrl:"https://ftp.bmp.ovh/imgs/2021/04/041749613e5a5535.jpg", comment:"如果夜里不能吃东西，那冰箱里为什么会有灯呢？", time:"2021/04/09"},
      {id:7, nickName:"白首穷经", avatarUrl:"https://thirdwx.qlogo.cn/mmopen/vi_32/5JnR1rU9jF6eULeic9C2bcEoDNhBF27GNIIT8ibKwjgv0WdMTk6lvbcm1b8R5I26IYf8St3kt1tD2XvpvoyfeleA/132", comment:"他依然瑞特让他 43 输入法师傅到的  给对方更大的发发给对方对个人7瑞特人有他的风格 型题有点带分割发u溶液法规定发565 让贵否东人一 的方对个人7瑞特人有他的风格 型题有点带分割发u溶液法规定发565 让贵否东人一 的方对个人7瑞特人有他的风格 型题有点带分割发u溶液法规定发565 让贵否东人一 的方对个人7瑞特人有他的风格 型题有点带分割发u溶液法规定发565 让贵否东人一 的", time:"2021/04/02"},
      {id:8, nickName:"Agnes", avatarUrl:"https://ftp.bmp.ovh/imgs/2021/04/513c96bf120855a7.jpg", comment:"好好学习，天天向上！", time:"2021/04/02"},
      {id:9, nickName:"白首穷经", avatarUrl:"https://thirdwx.qlogo.cn/mmopen/vi_32/5JnR1rU9jF6eULeic9C2bcEoDNhBF27GNIIT8ibKwjgv0WdMTk6lvbcm1b8R5I26IYf8St3kt1tD2XvpvoyfeleA/132", comment:"test long long long long long", time:"2021/03/31"},
      {id:10, nickName:"白首穷经", avatarUrl:"https://thirdwx.qlogo.cn/mmopen/vi_32/5JnR1rU9jF6eULeic9C2bcEoDNhBF27GNIIT8ibKwjgv0WdMTk6lvbcm1b8R5I26IYf8St3kt1tD2XvpvoyfeleA/132", comment:"test", time:"2021/03/31"},
      {id:11, nickName:"白首穷经", avatarUrl:"https://thirdwx.qlogo.cn/mmopen/vi_32/5JnR1rU9jF6eULeic9C2bcEoDNhBF27GNIIT8ibKwjgv0WdMTk6lvbcm1b8R5I26IYf8St3kt1tD2XvpvoyfeleA/132", comment:"2342342342", time:"2021/03/31"}
    ];
    wx.setStorageSync('commentList', commentList);
    // this.selectAllMessages();

  },

	// 用户输入的评论(bindinput事件)
  Comment: function (e) {
		// console.log("用户输入的字符：",e)
    var content = e.detail.value.replace(/\s+/g, '');
		this.setData({
      CommentContent: content
		});
    console.log("最后评论：",this.data.CommentContent)
  },
  // 发送（提交评论信息）
  CommentSubmit(){
    var that = this;
    if (!that.data.CommentContent) {
      wx.showToast({
        title: '发言内容不能为空！',
        icon: 'none',
        duration: 1500
      })
      console.error("评论内容为空!");
    } else{
      that.setData({
        CommentShow: true,
        commentValue:that.data.CommentContent
      });
      console.log("commentValue    " + that.data.commentValue);
      that.data.ButtonTimer = setInterval(function () {
        if (countdown == 0) {
          that.setData({
            CommentShow: false,
          })
          countdown = 30;
          clearInterval(that.data.ButtonTimer);
          return;
        } else {
          that.setData({
            LastTime: countdown
          });
          console.warn(countdown);
          countdown--;
        }
      }, 1000)
      // 时间戳
      // var timestamp = Date.parse(new Date());
      // 数据的更新......................................................(假的！)
      // {id:1, nickName:"", avatarUrl:"", comment:"", time:""},
      var thisUser = wx.getStorageSync("userInfo");
      // console.log("thisUser",thisUser)
      var myDate = new Date();
      // var mytime = myDate.toLocaleDateString(); 
      // console.log("mytime",mytime)
      var tmpObject = {
        id:12,
        nickName:thisUser.nickName,
        avatarUrl:thisUser.avatarUrl,
        comment:that.data.commentValue,
        time:myDate.toLocaleDateString()
      }
      console.log("tmpObject",tmpObject)
      // 更新数据,在最前面插入数据
      var tmpCommentList = that.data.commentList;
      tmpCommentList.unshift(tmpObject);
      console.log("tmpCommentList",tmpCommentList)
      this.setData({
        commentList:tmpCommentList
      })
      wx.setStorageSync('commentList', that.data.commentList);

      wx.showModal({
        title: '提示',
        content: '留言成功！',
        showCancel: false,
        success(res){
          if (res.confirm) {
            console.log('用户点击确定')
          }
        }
      })
      // 清空输入框
      this.setData({
        commentValue: "",
        CommentContent: ""
      });
      // 查询（刷新）评论内容
      this.selectAllMessages()
    }
  },
  //  30s 后才可再次发言
  CommentSubmitTips: function() {
    wx.showToast({
      title: this.data.LastTime + "s 后再次评论",
      icon: 'none',
      duration: 1000
    })
  },
  // 查询（刷新）评论内容
  selectAllMessages(){
    var commentList = wx.getStorageSync('commentList')
    this.setData({
      isFirst:false,
      commentList:commentList
    })
    // wx.request({
    //   url: 'http://47.103.195.19/api', // .....................................还没实现接口
    //   data: {},
    //   header: {'content-type':'application/json'},
    //   method: 'GET',
    //   dataType: 'json',
    //   responseType: 'text',
    //   success: (result)=>{
    //     let commentList = result.data; // .........................................heimei
    //     this.setData({
    //       commentList:commentList
    //     })
    //   },
    //   fail: ()=>{
    //     console.log("网络错误......");
    //     // ？？？啥时候跳到这里
    //     wx.showToast({
    //       title: '网络出小差啦 ~ 请稍后重试',
    //       icon: 'none',
    //       duration: 1500
    //     })
    //   },
    //   complete: ()=>{}
    // });
  },

  // 获取滚动条当前位置
  onPageScroll: function (e) {
    console.log(e)
    if (e.scrollTop > 150) {
      this.setData({
        floorstatus: true
      });
    } else {
      this.setData({
        floorstatus: false
      });
    }
  },
  //回到顶部
  goTop: function (e) {  // 一键回到顶部
    if (wx.pageScrollTo) {
      wx.pageScrollTo({
        scrollTop: 0
      })
    } else {
      wx.showModal({
        title: '提示',
        content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
      })
    }
  },
  
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.selectAllMessages()
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})